<div class="row" id="dashboardLog">
   <!-- <ba-card class="col-xlg-12 col-xl-12 col-lg-12 col-sm-12 col-xs-12 wordCloudData" title="" baCardClass="medium-card"
             *ngIf="versioning">
        <div class="col-xlg-6 col-xl-6 col-lg-6 col-sm-12 col-xs-12 titleofCloud">App Cloud</div>
        <div class="preload"><img src="http://i.imgur.com/KUJoe.gif"></div>
        <div data-gr-c-s-loaded="true" class="wordcloudContent">
            <div id="wc-canvas-container">
                <div id="wc-canvas" class="showCanvasCenter" style="margin-left: 0px; margin-top: 0px;">
                    <canvas id="wc-canvas-canvas" width="900" height="600" lang=""></canvas>

                    <div id="wc-canvas-hover" hidden>
                    </div>
                </div>
            </div>
        </div>
        <div id="wc-source-dialog" class="modal" hidden>
            <div class="modal-header clearfix">
                <h3 data-l10n-id="source-dialog-title" id="wc-source-title" class="pull-left"></h3>
                <div class="pull-right">
                    <select id="wc-source-selection" class="input-medium"></select>
                    <button data-l10n-id="source-dialog-about-btn" id="wc-source-about-btn"
                            class="btn btn-info"></button>
                </div>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
                <button data-l10n-id="source-dialog-start-btn" id="wc-source-start-btn"
                        class="btn btn-primary"></button>
            </div>
        </div>

        <div id="wc-dashboard" hidden>
            <div class="container">
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="btn-group">
                            <button data-l10n-id="dashboard-back-btn" data-action="back" class="btn" title="Back"><i
                                    class="icon-chevron-left"></i><span data-l10n-id="dashboard-back-span"></span>
                            </button>
                        </div>

                        <div class="btn-group">
                            <button data-l10n-id="dashboard-refresh-btn" data-canvas-ctl data-action="refresh"
                                    class="btn disabled hide-label" title="Refresh"><i class="icon-refresh"></i><span
                                    data-l10n-id="dashboard-refresh-span"></span></button>
                            <button data-l10n-id="dashboard-theme-btn" data-canvas-ctl data-action="theme"
                                    class="btn disabled" title="Switch Theme"><i class="icon-gift"></i><span
                                    data-l10n-id="dashboard-theme-span"></span></button>
                            <button data-l10n-id="dashboard-shape-btn" data-canvas-ctl data-action="shape"
                                    class="btn disabled" title="Switch Shape"><i class="icon-star"></i><span
                                    data-l10n-id="dashboard-shape-span"></span></button>
                            <button data-l10n-id="dashboard-list-btn" data-canvas-ctl data-action="edit"
                                    class="btn disabled" title="Edit List"><i class="icon-edit"></i><span
                                    data-l10n-id="dashboard-list-span"></span></button>
                        </div>

                        <div class="btn-group">
                            <button data-l10n-id="dashboard-enlarge-btn" data-canvas-ctl data-action="size+"
                                    class="btn disabled hide-label" title="Enlarge"><i class="icon-font"></i><span
                                    data-l10n-id="dashboard-enlarge-span"></span></button>
                            <button data-l10n-id="dashboard-shrink-btn" data-canvas-ctl data-action="size-"
                                    class="btn disabled hide-label" title="Shrink"><i
                                    class="icon-font smaller-icon"></i><span
                                    data-l10n-id="dashboard-shrink-span"></span></button>
                        </div>

                        <div class="btn-group">
                            <button data-l10n-id="dashboard-disperse-btn" data-canvas-ctl data-action="gap+"
                                    class="btn disabled hide-label" title="Disperse"><i
                                    class="icon-resize-full"></i><span data-l10n-id="dashboard-disperse-span"></span>
                            </button>
                            <button data-l10n-id="dashboard-gather-up-btn" data-canvas-ctl data-action="gap-"
                                    class="btn disabled hide-label" title="Gather Up"><i
                                    class="icon-resize-small"></i><span data-l10n-id="dashboard-gather-up-span"></span>
                            </button>
                        </div>

                        <div class="pull-right">

                            <div class="btn-group">
                                <a data-l10n-id="dashboard-save-disk-btn" data-canvas-ctl download="wordcloud.png"
                                   href="#" data-action="save" class="btn disabled" title="Save to disk"><i
                                        class="icon-hdd"></i><span data-l10n-id="dashboard-save-disk-span"></span></a>
                            </div>

                            <div class="btn-group">
                                <button data-l10n-id="dashboard-share-btn" data-canvas-ctl data-action="share"
                                        class="btn disabled btn-primary" title="Share"><i class="icon-share"></i><span
                                        data-l10n-id="dashboard-share-span"</button>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="wc-list-dialog" class="modal" hidden>
            <div class="modal-body">
                <label data-l10n-id="list-dialog-label" for="wc-list-edit"></label>
                <textarea id="wc-list-edit" class="input-block-level" rows="14"></textarea>
                <span data-l10n-id="list-dialog-help" class="help-block"></span>
            </div>
            <div class="modal-footer">
                <button data-l10n-id="list-dialog-cancel-btn" id="wc-list-cancel-btn" class="btn"></button>
                <button data-l10n-id="list-dialog-confirm-btn" id="wc-list-confirm-btn"
                        class="btn btn-primary"></button>
            </div>
        </div>

        <div id="wc-sharer-dialog" class="modal" hidden>
            <div class="modal-header">
                <h3 id="wc-sharer-title" data-l10n-id="share-dialog-title"></h3>
            </div>
            <div class="modal-body">
                <div class="row-fluid">
                    <div class="span4">
                        <a class="thumbnail" id="wc-sharer-img-link" target="_blank" hidden>
                            <img id="wc-sharer-img"/>
                        </a>
                        <p data-l10n-id="share-dialog-terms"></p>
                        <p class="well well-small" id="wc-sharer-terms"></p>
                        <p data-l10n-id="share-dialog-hashtag"></p>
                        <p class="well well-small" id="wc-sharer-hashtag"></p>
                    </div>
                    <div class="span8">
                        <input type="text" data-l10n-id="share-dialog-title-input" id="wc-sharer-title-input"
                               class="input-block-level"/>
                        <textarea id="wc-sharer-desc" class="input-block-level" data-l10n-id="share-dialog-desc-input"
                                  rows="5"></textarea>

                        <div class="progress progress-striped active">
                            <div class="bar" id="wc-sharer-progress"></div>
                        </div>

                        <p data-l10n-id="cors-description"></p>

                        <p class="wc-sharer-service">
                            <span class="wc-sharer-service-title"><i class="favicons-imgur"></i>Imgur</span>
                            <a target="_blank" id="wc-sharer-imgur-status" class="disabled" data-l10n-id="loading"></a>
                        </p>

                        <p class="wc-sharer-service">
                            <span class="wc-sharer-service-title"><i class="favicons-facebook"></i>Facebook</span>
                            <a target="_blank" id="wc-sharer-facebook-status" class="disabled"
                               data-l10n-id="loading"></a>
                        </p>

                        <p class="wc-sharer-service">
                            <span class="wc-sharer-service-title"><i class="favicons-tumblr"></i>Tumblr</span>
                            <a target="_blank" id="wc-sharer-tumblr-status" class="disabled" data-l10n-id="loading"></a>
                        </p>

                        <p class="wc-sharer-service">
                            <span class="wc-sharer-service-title"><i class="favicons-twitter"></i>Twitter</span>
                            <a target="_blank" id="wc-sharer-twitter-status" class="disabled"
                               data-l10n-id="loading"></a>
                        </p>

                        <p class="wc-sharer-service">
                            <span class="wc-sharer-service-title"><i class="favicons-plurk"></i>Plurk</span>
                            <a target="_blank" id="wc-sharer-plurk-status" class="disabled" data-l10n-id="loading"></a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button data-l10n-id="share-dialog-reupload-btn" id="wc-sharer-reupload-btn" class="btn"></button>
                <button data-l10n-id="share-dialog-done-btn" id="wc-sharer-done-btn" class="btn btn-primary">Done
                </button>
            </div>
        </div>

        <div id="wc-about-dialog" class="modal" hidden>
            <div class="modal-header">
                <h3 data-l10n-id="about-dialog-title" id="wc-about-title"></h3>
            </div>
            <div class="modal-body">
                <div id="wc-about-icon" class="well">
                    <div class="wc-icon" lang="en">
                        <span class="wc-icon-cloud"></span>
                    </div>
                </div>
                <div id="wc-about-content">...</div>
                <div id="wc-about-donate" hidden>
                    <h3 data-l10n-id="donate"></h3>
                    <p data-l10n-id="donate-desc"></p>
                    <div id="wc-about-donate-content"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button data-l10n-id="about-dialog-close-btn" id="wc-about-close-btn" class="btn btn-primary"></button>
            </div>
        </div>

        <div id="wc-sns-push" hidden>
            <div class="button" id="wc-sns-facebook">
                <iframe id="-iframe" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
            </div>
            <div class="button" id="wc-sns-google-plus">
                <iframe id="-iframe" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
            </div>
        </div>

        <div id="wc-browser-support" hidden>
            <div class="container">
                <div class="alert alert-block alert-error">
                    <h4 data-l10n-id="browser-support-title"></h4>
                    <span data-l10n-id="browser-support-message"></span>
                </div>
            </div>
        </div>
    </ba-card>-->
</div>
<div class="row" id="dashboardLog">
    <div class="col-xlg-6 col-xl-6 col-lg-6">
        <ba-card class="col-xlg-12 col-xl-12 col-lg-12 col-sm-12 col-xs-12 totalIdea" title=""
                 baCardClass="medium-card">
            <div class="pie-chart-item">
                <div class="chart">
                    <i class="ion-ios-lightbulb dashIcons"></i>
                </div>
                <div class="description newcontent">
                    <div class="totalIdea">Total Posts</div>
                    <div class="description-stats">{{ totalIdeaCount }}</div>
                </div>
            </div>
        </ba-card>

        <ba-card class="col-xlg-12 col-xl-12 col-lg-12 col-sm-12 col-xs-12 totalIdea" title=""
                 baCardClass="medium-card">
            <div class="pie-chart-item">
                <div class="chart">
                    <i class="ion-ios-lightbulb dashIcons"></i>
                </div>
                <div class="description newcontent">
                    <div class="yourIdea">Your Posts</div>
                    <div class="description-stats">{{ userIdeaCount }}</div>
                </div>
            </div>
        </ba-card>

        <ba-card class="col-xlg-12 col-xl-12 col-lg-12 col-sm-12 col-xs-12 totalIdea" title=""
                 baCardClass="medium-card">
            <div class="pie-chart-item">
                <div class="chart">
                    <i class="ion-chatboxes dashIcons"></i>
                </div>
                <div class="description newcontent">
                    <div class="totalComments">Total Comments</div>
                    <div class="description-stats">{{ totalCommentCount }}</div>
                </div>
            </div>
        </ba-card>

        <ba-card class="col-xlg-12 col-xl-12 col-lg-12 col-sm-12 col-xs-12 totalIdea" title=""
                 baCardClass="medium-card">
            <div class="pie-chart-item">
                <div class="chart">
                    <i class="ion-chatboxes dashIcons"></i>
                </div>
                <div class="description newcontent">
                    <div class="yourComments">Your Comments</div>
                    <div class="description-stats">{{ userCommentCount }}</div>
                </div>
            </div>
        </ba-card>

    </div>

   <!-- <div class="col-xlg-6 col-xl-6 col-lg-6 col-sm-6 col-xs-12 usersWordCloud">

        <ba-card class="col-xlg-12 col-xl-12 col-lg-12 col-sm-12 col-xs-12 usercloud"
                 title="" baCardClass="medium-card">
            <div class="col-xlg-6 col-xl-6 col-lg-6 col-sm-12 col-xs-12 titleofCloud">My Cloud</div>
            <div data-gr-c-s-loaded="true">
                <div id="wc-canvas-container">
                    <div id="wc-canvas" class="mycloudCanvas" style="margin-left: 0px; margin-top: 0px;"
                         *ngIf="!userwordArray">
                        <canvas id="wc-canvas-canvas-cloud" width="461" height="300" lang=""></canvas>

                        <div id="wc-canvas-hover" hidden>
                        </div>
                    </div>
                </div>
            </div>
            <div class="userwordCloud" *ngIf="userwordArray">No Content</div>
        </ba-card>

    </div>-->

  <ba-card class="col-xlg-6 col-xl-6 col-lg-6  col-md-6 col-sm-12 col-xs-12 linecharts"
           title="" baCardClass="medium-card">
    <line-chart></line-chart>
  </ba-card>

</div>

<div class="row" id="dashboardLog">

    <div class="col-xlg-6 col-xl-6 col-lg-6  col-md-6 col-sm-12 col-xs-12">
        <ba-card title=""
                 baCardClass="large-card with-scroll feed-panel">
            <feed></feed>
        </ba-card>
    </div>

</div>


<div id="closeCitation" class="citationTreewordclouddialog">
    <modal #citationTree (onClose)="closeCitationTree()">
        <modal-header>
            <div id="tree-simple" style="width:100%; height: 100%;"></div>
        </modal-header>
    </modal>
</div>

<div class="userAbuseModelAdmin">
    <modal #ViewDetailIdeaModel (onClose)="refreshActivity()">
        <modal-header>
            <viewCardIdeaDetail (notifyParent)="getNotificationModal($event);" (notifyIdeaParent)="notifyToRefresh();"
                                #viewCardIdeaDetail [viewDetailIdea]="viewDetailIdea"
                                (notifyParenttoProfile)="notifyParenttoProfileModal($event)"></viewCardIdeaDetail>
        </modal-header>
    </modal>
</div>
<div class="reportAbuse">
    <modal #abuseModal modalClass="abuse-popup">
        <modal-header>
            <abuse [idea]="abuseIdea" (notifyAbuseModal)="getNotificationAbuseModal($event)"></abuse>
        </modal-header>
    </modal>
</div>
